<template>
  <div class="sync">
    <div class="sync-content">
      <div><img :src="data.url" alt="" srcset="" style="width: 200px;height: 100px;"></div>
      <div class="sync-pop">
        <div>{{ data.name }}</div>
        <div>{{ data.age }}</div>
        <div>{{ data.desc }}</div>
      </div>
    </div>
  </div>
</template>

<script setup lang=ts>

import { axios } from '@/server/axios'
interface Data{
  data:{
    name:string,
    age:number,
    url:string,
    desc:string
  }
}


const {data} = await axios.get<Data>('./data.json')


</script>

<style scoped></style>